<template>
    <div>
      <div class="other">
            <p class="title">{{title}}</p>
            <p class="time">{{time}}</p>
            <img :src="img" alt="">
            <p>内容详情</p>
            <p class="content">{{transmitDescribe}}</p>
            <p class="man">作者：{{man}}</p>
      </div>
    </div>
</template>

<script>
export default {
    data(){
        return{
            title:'',
            time:'',
            transmitDescribe:'',
            man:'',
            img:''
        }
    },
    onLoad(ev){
        this.title=ev.title
        this.time=ev.time
        this.transmitDescribe=ev.transmitDescribe
        this.man=ev.man
        this.img=ev.img
    }

}
</script>

<style lang="scss" scoped>
    .other{
        width: 100%;
        margin: 0 10px;
    }
    .title{
        font-size: 20px;
        line-height: 30px;
    }
    img{
        width: 700rpx;
    }
    .time{
       color:#666;
       font-size: 13px;
       line-height: 20px;
    }
    .content{
        padding: 10px;
        font-size: 14px;
        color:#666;
        letter-spacing: 5px;
    }
    .man{
        color:#666;

    }
</style>
